<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
   <meta charset="UTF-8">
   <title></title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!--====== Favicon Icon ======-->
   <link rel="shortcut icon" href="/images/favicon.png" type="image/png">

   <!--====== Bootstrap CSS ======-->
   <link rel="stylesheet" href="/css/bootstrap.min.css">
   <link rel="stylesheet" href="/font/bootstrap-icons.css">

   <!--====== LayerUI CSS ======-->
   <link rel="stylesheet" href="/js/layui/css/layui.css">

   <!--====== default CSS ======-->
   <link rel="stylesheet" href="/css/default.css">
   <!--====== Style CSS ======-->
   <link rel="stylesheet" href="/css/style.css">
   <!--====== myStyle CSS ======-->
   <link rel="stylesheet" href="/css/myStyle.css">
</head>
<body id="content-body">
   <!--[if IE]>
   <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
   <![endif]-->

   <!--====== PRELOADER PART START ======-->

   <div class="preloader">
      <div class="loader">
         <div class="ytp-spinner">
            <div class="ytp-spinner-container">
               <div class="ytp-spinner-rotator">
                  <div class="ytp-spinner-left">
                     <div class="ytp-spinner-circle"></div>
                  </div>
                  <div class="ytp-spinner-right">
                     <div class="ytp-spinner-circle"></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <!--====== PRELOADER PART ENDS ======-->

   <!--====== NAVBAR TWO PART START ======-->

   <section class="navbar-area sticky">
      <div class="container">
         <div class="row">
            <div class="col-lg-12">
               <nav class="navbar navbar-expand-lg">

                  <a class="navbar-brand" href="#">
                     <img src="/images/logo2.png" alt="Logo" width="64px">
                  </a>

                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTwo" aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="toggler-icon"></span>
                     <span class="toggler-icon"></span>
                     <span class="toggler-icon"></span>
                  </button>

                  <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                     <ul class="navbar-nav m-auto">
                        <li class="nav-item"><a class="page-scroll" th:href="@{/#home}">首页</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/#content}">大赛介绍</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/#plan}">赛程流程</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/uis/enrollUI}">大赛报名</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/#books}">学习资料</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/#org}">组织机构</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/uis/welfareUI}">公益行</a></li>
                        <li class="nav-item active"><a class="page-scroll" th:href="@{/uis/cooperUI}">对外合作</a></li>
                        <li class="nav-item"><a class="page-scroll" th:href="@{/uis/infomations}">下载</a></li>
                     </ul>
                  </div>

                  <div class="navbar-btn d-none d-sm-inline-block">
                     <ul>
                        <li><a class="solid" th:href="@{/uis/loginUI}">登陆</a></li>
                     </ul>
                  </div>
               </nav> <!-- navbar -->
            </div>
         </div> <!-- row -->
      </div> <!-- container -->
   </section>
   <div class="banner">
      <div class="layout">
         <h2>对外合作</h2>
         <h3>EXTERNAL COOPERATION</h3>
      </div>
   </div>
   <section class="cooperation">
      <div class="container">
         <div class="block">
            <div class="row">
               <div class="col-lg-6">
                  <div class="cooper_title">
                     <span class="title_line"></span><h4>企业合作</h4>
                  </div>
                  <div class="cooper_content">
                     <p>为帮助企业更好的发展而提供的合作，本着公益性的原则，在免费的前提下提供一下几类合作：</p>
                     <ul>
                        <li>申请参会参展参赛</li>
                        <li>提供横向课题，寻求科研机构合作</li>
                        <li>用工需求，提出用工数量和技术要求以及可派教师的数量和时间</li>
                     </ul>
                     <p></p>
                  </div>
                  <div class="cooper_btn">
                     <a class="content-btn" th:href="@{/uis/cooper/qyUI}">申请合作</a>
                  </div>
               </div>
               <div class="col-lg-6">
                  <img src="/images/cooper1.svg" alt="企业合作">
               </div>
            </div>
         </div>
         <div class="block">
            <div class="row">
               <div class="col-lg-6">
                  <img src="/images/cooper2.svg" alt="个人合作">
               </div>
               <div class="col-lg-6">
                  <div class="cooper_title">
                     <span class="title_line" ></span><h4>个人合作</h4>
                  </div>
                  <div class="cooper_content">
                     <p>为个人提供相关的公益帮扶，主要帮扶内容包括:</p>
                     <ul>
                        <li>参会参展参赛，可以提出个人的相应申请，并说明具体细节</li>
                        <li>个人能力提升需求，可以针对个人的实际情况提出申请，包括需要提升的内容（学历、技能等），我们将针对个人的申请提供一年的公益辅导</li>
                        <li>就业申请，需要提供个人详细的信息，包括学历、技能、工作经历等，并提出具体的申请的岗位和区域</li>
                     </ul>
                  </div>
                  <div class="row cooper_btn">
                     <a class="content-btn" th:href="@{/uis/cooper/grUI}">申请合作</a>
                  </div>
               </div>
            </div>
         </div>
         <div class="block">
            <div class="row">
               <div class="col-lg-6">
                  <div class="cooper_title">
                     <span class="title_line" ></span><h4>高校合作</h4>
                  </div>
                  <div class="cooper_content">
                     <p>大学生是大赛的主力军，一个学校可以有一支队伍，也可以有很多支队伍。这些队伍的学生除了参赛以外还可以参加辅导，通过辅导解决学生的就业问题。在这个过程中学校可以提交合作申请，申请开办哪一类专业的大赛（赛道），我方将根据申请的情况决定下一年的赛道和辅导重点的安排。</p>
                     <p>每次大赛我们将提供不少于30个国家部委的课题和不少于2000万的企业课题，学校可以根据自己的情况申报课题，我方将根据各个学校申请的情况，决定本届课题的归属和下一届课题的重点方向...</p>
                  </div>
                  <div class="row cooper_btn">
                     <a class="content-btn" th:href="@{/uis/cooper/gxUI}">申请合作</a>
                  </div>
               </div>
               <div class="col-lg-6">
                  <img src="/images/cooper3.svg" alt="高校合作">
               </div>
            </div>
         </div>
         <div class="block">
            <div class="row">
               <div class="col-lg-6">
                  <img src="/images/cooper4.svg" alt="商务合作">
               </div>
               <div class="col-lg-6">
                  <div class="cooper_title">
                     <span class="title_line" ></span><h4>商务合作</h4>
                  </div>
                  <div class="cooper_content">
                     <p>商务合作的主要对象是政府、企业和高校，合作的内容主要是围绕着大赛及同期活动的各个环节，包括：承办单位申请、承办校申请、招商合作申请、区域合作申请、会务服务申请、宣传推广申请等。合作方需要提交自身介绍、申请内容、合作方案、实施方案等，我们将根据申请方提供的资料，确定合作方。并在网站上公布相应的合作授权。</p>
                  </div>
                  <div class="row cooper_btn">
                     <a class="content-btn" th:href="@{/uis/cooper/swUI}">申请合作</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <div th:insert="common/footer :: footer"></div>

   <!--====== Jquery js ======-->
   <script src="/js/jquery-1.12.4.min.js"></script>
   <script src="/js/layui/layui.js"></script>

   <!--====== Bootstrap js ======-->
   <script src="/js/bootstrap.min.js"></script>


   <!--====== index  common js ======-->
   <script src="/js/common.js"></script>
</body>
</html>
